<extend name="Public:base" />
<block name="content">
<div class="row-fluid">

        <div class="span12">

            <!-- BEGIN STYLE CUSTOMIZER -->

            <div class="color-panel hidden-phone">

                <div class="color-mode-icons icon-color"></div>

                <div class="color-mode-icons icon-color-close" style="display: none;"></div>

                <div class="color-mode" style="display: none;">

                    <p>THEME COLOR</p>

                    <ul class="inline">

                        <li class="color-black color-default current" data-style="default"></li>

                        <li class="color-blue" data-style="blue"></li>

                        <li class="color-brown" data-style="brown"></li>

                        <li class="color-purple" data-style="purple"></li>

                        <li class="color-grey" data-style="grey"></li>

                        <li class="color-white color-light" data-style="light"></li>

                    </ul>

                    <label>

                        <span>Layout</span>

                        <select class="layout-option m-wrap small">

                            <option value="fluid" selected="">Fluid</option>

                            <option value="boxed">Boxed</option>

                        </select>

                    </label>

                    <label>

                        <span>Header</span>

                        <select class="header-option m-wrap small">

                            <option value="fixed" selected="">Fixed</option>

                            <option value="default">Default</option>

                        </select>

                    </label>

                    <label>

                        <span>Sidebar</span>

                        <select class="sidebar-option m-wrap small">

                            <option value="fixed">Fixed</option>

                            <option value="default" selected="">Default</option>

                        </select>

                    </label>

                    <label>

                        <span>Footer</span>

                        <select class="footer-option m-wrap small">

                            <option value="fixed">Fixed</option>

                            <option value="default" selected="">Default</option>

                        </select>

                    </label>

                </div>

            </div>

            <!-- END BEGIN STYLE CUSTOMIZER -->  

            <!-- BEGIN PAGE TITLE & BREADCRUMB-->

            <h3 class="page-title">

                Classified browsing <small class="add">添加友情链接</small>

            </h3>

            <ul class="breadcrumb">

                <li>

                    <i class="icon-home"></i>

                    <a href="index.html">主页</a> 

                    <i class="icon-angle-right"></i>

                </li>

                <li>

                    <a href="#">用户浏览</a>


                </li>


            </ul>

            <!-- END PAGE TITLE & BREADCRUMB-->

        </div>

    </div>


<div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-globe"></i>Show/Hide Columns</div>

            

        </div>

        <div class="portlet-body">

            <table class="table table-striped table-bordered table-hover table-full-width dataTable" id="sample_2" aria-describedby="sample_2_info" style="width: 976px;">

                <thead>

                    <tr role="row">
                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="Rendering engine: activate to sort column ascending" style="width: 191px;">
                        ID
                        </th>
                        <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Browser: activate to sort column descending" style="width: 185px;">
                        网站名称
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="Platform(s): activate to sort column ascending" style="width: 236px;">
                        网站地址
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending" style="width: 163px;">
                        网站log
                        </th>
                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="width: 115px;">
                        上传用户
                        </th>
                         <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="width: 115px;">
                        上传时间
                        </th>
                         <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1" colspan="1" aria-label="CSS grade: activate to sort column ascending" style="width: 115px;">
                        操作
                        </th>
                    </tr>

                </thead>

                

            <tbody role="alert" aria-live="polite" aria-relevant="all" id="con">
               
            </tbody>
        </table>
        <div class="row-fluid">
            <div class="span6">
                <div class="dataTables_info" id="sample_2_info">
                    Showing 1 to 15 of 43 entries
                </div>
            </div>
            <div class="span6">
                
             </div>
         </div>
    </div>

        </div>

    </div>

        <div id="lvjing">
    </div>
    <div id='tishi'>
        
    </div>
    


    <div class="tianjia" >
        <h3 style="position:absolute;margin-left:125px;">添加友情链接</h3>
        <div class="portlet-body form"  id="form" style="left:450px">

            <div class="tabbable portlet-tabs">

                 <ul class="nav nav-tabs">

                      <li class=""><a href="#portlet_tab3" data-toggle="tab">　</a></li>

                 </ul>

                 <div class="tab-content">

                      <div class="tab-pane active" id="portlet_tab1">

                           <!-- BEGIN FORM-->

                           <form action="/admin/link/link/insert" target="zi" method="post" class="form-horizontal" enctype="multipart/form-data">

                                        <div class="control-group" style="margin-bottom:0px;">

                                                <div class="control-group" style="margin-bottom:0px;">

                                                        <label class="control-label">网站log</label>

                                                        <div class="controls">

                                                            <div class="fileupload fileupload-new" data-provides="fileupload"><input type="hidden"><input type="hidden" value="" name="">

                                                                <div class="fileupload-new thumbnail" style="cursor:pointer;width: 100px; height: 100px;">

                                                                    <img id="images" src="" alt="">

                                                                </div>

                                                                <div id="dian" class="fileupload-preview fileupload-exists thumbnail" style="cursor:pointer;max-width: 100px; max-height: 100px; line-height: 20px;"></div>

                                                                <div>
                                                                       

                                                                    <span class="btn btn-file" style="display:none;">
                                                                            <input type="file" id="pic" class="default " name="pic" >
                                                                    </span>
                                                                    
                                                                </div>

                                                            </div>

                                                            <span class="label label-important"></span>

                                                            <span>

                                                           
                                                            </span>

                                                        </div>

                                    </div>

                                             <div class="controls">
                                                  

                                             </div>

                                        </div>
                                       



                                        <div class="control-group">

                                             <label class="control-label">网站名称:</label>

                                             <div class="controls">

                                                  <input type="text" name="site_name" placeholder="请输入网站名称" class="m-wrap medium">

                                                  <span class="help-inline"></span>

                                             </div>

                                        </div> 
                                             <div class="control-group">

                                             <label class="control-label">网站地址:</label>

                                             <div class="controls">

                                                  <input type="text" name="site_link" placeholder="请输入网站地址" class="m-wrap medium">

                                                  <span class="help-inline"></span>

                                             </div>

                                        </div> 
                             
                                 <!--    <input type="submit" class="btn blue" style="margin-left:170px;" value='添加'> -->
                                     <button type="submit" id="tianjia" class="btn blue" style="margin-left:170px;"><i class="icon-ok"></i> 提交</button>
                                     <input type="reset" name="res" class="btn" style="margin-left:80px;" value="重置">
                                
                           </form>
                        <iframe style="display:none;" src="" frameborder="0" name="zi"></iframe>
                           <!-- END FORM-->  

                      </div>

                 </div>

            </div>

       </div>
    </div>



    <script type="text/javascript" src="__PUBLIC__/admin/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/admin/js/link.js"></script>
    <script type="text/javascript">
    $('.thumbnail').click(function(){
        $('#pic').click();
        return false;
    });

    </script>
</block>